<template>
    <div class="terminal">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="管理设备" name="first">
            <Manage></Manage>
        </el-tab-pane>
        <el-tab-pane label="仪表设备" name="second">
            <Appearance></Appearance>
        </el-tab-pane>
      </el-tabs>
    </div>
  </template>
  <script>
  import Manage from "./equipment/manage.vue"
  import Appearance from "./equipment/appearance.vue"

  export default {
    name: "Terminal",
    data() {
      return {
        activeName: "first",
  
      };
    },
    components:{Manage,Appearance},
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      },
     
    },
  };
  </script>
  
  <style lang="scss" scoped>
  .alarmway {
    width: 100%;
    height: 100%;
  
    .el-tabs {
      width: 100%;
      height: 100%;
  
    }
  }
  </style>
    